<div class="modal-content">
    <div class="modal-header">
        <h3></h3>
        <span class="close">&times;</span>
    </div>
    <div class="modal-body">
        <form id="content-form" enctype="multipart/form-data">
            <input type="hidden" id="content-id" name="id">
            
            <!-- 所属课程 -->
            <div class="form-group">
                <label for="content-cid">所属课程:</label>
                <input type="text" id="content-course-title" disabled class="form-control">
                <input type="hidden" id="content-cid" name="cid">
            </div>

            <!-- 内容标题 -->
            <div class="form-group">
                <label for="content-title">内容标题:</label>
                <input type="text" id="content-title" name="title" required class="form-control" placeholder="请输入内容标题">
            </div>

            <!-- 内容正文 -->
            <div class="form-group">
                <label for="content-text">内容正文:</label>
                <textarea id="content-text" name="content" rows="6" class="form-control" placeholder="请输入内容正文"></textarea>
            </div>

            <!-- 封面图片 -->
            <div class="form-group">
                <label for="content-cover">封面图片:</label>
                <input type="file" id="content-cover" name="cover" accept="image/*" class="form-control-file">
                <div class="file-preview" id="content-cover-preview"></div>
            </div>

            <!-- 按钮组 -->
            <div class="form-group">
                <button type="submit" class="btn primary"></button>
                <button type="button" class="btn" id="cancel-content">取消</button>
            </div>
        </form>
    </div>
</div>